<template>
      <vue-particles color="#ffffff" :particleOpacity="0.8" :particlesNumber="100" shapeType="circle" :particleSize="8" linesColor="#ffffff" :linesWidth="1" :lineLinked="true" :lineOpacity="0.6" :linesDistance="150" :moveSpeed="3" :hoverEffect="true" hoverMode="grab" :clickEffect="true" clickMode="push" :style="note">
        </vue-particles>
</template>

<script>
export default {
    data(){
        return{
              note: {
                height: "100vh",
                backgroundPosition: "center center",
                backgroundImage: "@/assets/logo.png", //插入背景图
                backgroundRepeat: "no-repeat",
                backgroundSize: "100% 100%",
                backgroundPosition: "fixed",
            },
        }
    },
    mounted () {
        console.log(home)
    }
}
</script>

<style>

</style>